<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scaled=0">
    <title>座位管理系统-个人中心</title>
    <link href="assets/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-theme.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/admin.css">
    <link rel="stylesheet" href="css/userCommod.css">
    <link rel="stylesheet" href="css/userDetail.css">
    <!--[if lt IE 9]>
    <script src="assets/bootstrap/html5shiv/html5shiv.min.js"></script>
    <script src="assets/bootstrap/respond/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!--版心-->
<!--首行-->
<div class="tsg_topBar">
    <span></span>
</div>
<div class="container tsg_container">
    <!--预先区域-->
    <div class="tsg_main">
        <!--左上角信息-->
        <div class="tsg_nav">
            <a href="tsg_floor2.html" class="tsg_up" title="上一页"><span class="glyphicon glyphicon-chevron-left"></span></a>
            <a href="http://tsg.asc.jx.cn/">黄金校区图书馆</a>
        </div>


        <div class="tsg_title_left text-center">
            <h3>个人预约信息总汇</h3>
            <div class="bs-example" data-example-id="bordered-table">
                <table class="table table-bordered table-hover">
                    <thead>
                    <tr>
                        <th>姓名</th>
                        <th>系别</th>
                        <th>专业</th>
                        <th>预约地点</th>
                        <th>预约状态</th>
                        <th>预约日期</th>
                        <th>预约时间</th>
                        <th>预约座位</th>
                        <th>黑名单</th>
                        <th>积分状态</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>汤露</td>
                        <td>机电工程系</td>
                        <td>电气151</td>
                        <td>二楼A区考研自习室</td>
                        <td>成功</td>
                        <td>星期三</td>
                        <td>下午1:00--5:30</td>
                        <td>座位1</td>
                        <td>无</td>
                        <td>80</td>
                        <td>
                            <button class="btn btn-danger">取消</button>
                        </td>
                    </tr>
                    <tr>
                        <td>汤露</td>
                        <td>机电工程系</td>
                        <td>电气151</td>
                        <td>二楼A区考研自习室</td>
                        <td>成功</td>
                        <td>星期三</td>
                        <td>下午1:00--5:30</td>
                        <td>座位1</td>
                        <td>无</td>
                        <td>80</td>
                        <td>
                            <button class="btn btn-danger">取消</button>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!--退出-->
        <div class="tsg_exit">
            <a href="javascript:;" title="退出到首页"><span class="glyphicon glyphicon-log-in"></span></a>
        </div>

        <!--取消模态框-->
        <div class="modal fade" id="seatControl">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close"><span>&times;</span></button>
                        <h4 class="modal-title" style="color:orange">温馨提示</h4>
                    </div>
                    <div class="modal-body">
                        <p>您确定要<b style="color:red">取消</b>当前已预约的座位？</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-primary">确认</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--退出预约系统模态框-->
<div class="modal fade" id="exit">
    <div class="modal-dialog" >
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span >&times;</span></button>
                <h4 class="modal-title" style="color:darkorange">温馨提示</h4>
            </div>
            <div class="modal-body">
                <p>您确定要<b style="color: red">退出预约系统</b>？</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">确认</button>
            </div>
        </div>
    </div>
</div>
<script src="assets/jquery/jquery.js"></script>
<script src="assets/bootstrap/js/bootstrap.js"></script>
<script src="js/userCommod.js"></script>
<script src="js/userDetail.js"></script>
</body>
</html>